<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from www.themenesia.com/themeforest/profession/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 03 Apr 2018 01:36:16 GMT -->

<head>
    <meta charset="utf-8">
    <title>夜猫小子的个人网站</title>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Profession is Personal Portfolio Template">
    <meta name="keywords" content="business, clean, contact form, corporate, cv, light, minimalist, modern, personal, personal profile, portfolio, resume, vcard, virtual card">
    <meta name="author" content="">

    <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
    <!-- 主要的样式文件 -->
    <link rel="stylesheet" href="css/style.css?v=2" type="text/css">

    <!-- background -->
    <link rel="stylesheet" href="css/bg.css?v=2" type="text/css">

    <!-- color scheme -->
    <link rel="stylesheet" href="css/colors/scheme-5.css" type="text/css">
</head>

<body id="homepage">

    <div id="wrapper">

        <!-- header begin -->
        <header>

            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- logo begin -->
                        <div id="logo">
                            <a href="#wrapper">
                                <span class="logo">夜猫小子</span>
                                <span class="logo-2">夜猫小子</span>
                                <!-- <img class="logo" src="images/logo-light.png" alt=""> -->
                                <!-- <img class="logo-2" src="images/logo-dark.png" alt=""> -->
                            </a>
                        </div>
                        <!-- logo close -->

                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                        <!-- mainmenu begin -->
                        <nav>
                            <ul id="mainmenu">
                                <li><a class="active" href="#top">首页<span></span></a></li>
                                <li><a href="#section-about">关于我<span></span></a></li>
                                <li><a href="#section-services">专业领域<span></span></a></li>
                                <li><a href="#section-portfolio">时光相册<span></span></a></li>
                                <li><a href="#section-experiences">工作经历<span></span></a></li>
                                <li><a href="#section-contact">与我联系<span></span></a></li>
                            </ul>
                        </nav>

                    </div>
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
        <!-- header close -->

        <!-- content begin -->
        <div id="content" class="no-bottom no-top">
            <div id="top"></div>

            <!-- section begin -->
            <section id="section-hero-2" class="full-height relative no-top no-bottom text-light" data-stellar-background-ratio=".2">
                <div class="overlay-bg t50">
                    <div class="center-y fadeScroll relative text-center" data-scroll-speed="4">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 col-md-offset-2">
                                    <div class="spacer-double"></div>
                                    <img src="images/misc/pic-profile-1.jpg" class="img-profile img-circle" alt="">
                                    <div class="spacer-double"></div>
                                    <h1 class="big">徐老师</h1>
                                    <div class="h2_s1 text-white mt10">
                                        <div class="typed-strings">
                                            <p>信息技术老师</p>
                                            <p>前端开发工程师</p>
                                            <p>古筝音乐人</p>
                                            <p>滑板爱好者</p>
                                            <p>潜伏段子手</p>
                                            <p>血型分析师</p>
                                        </div>
                                        <div class="typed"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->


            <!-- section begin -->
            <section id="section-about">
                <div class="container relative">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <!-- <h5><span class="id-color">About Me</span></h5> -->
                            <h2>关于我</h2>
                            <h3 class="slogan">眼里有光 脚下有路 心中有爱</h3>
                        </div>
                        <div class="col-md-8 col-md-offset-2 text-center">
                            <p>夸美纽斯曾经说过：“教师是太阳底下最光辉的职业”，我很荣幸能成为你们的老师，而且仅仅是一个普普通通的信息技术老师，很开心能在中天中学与大家相遇，认识大家快两年了，在一起学习的这两年里，相信同学们都有自己的收获，老师也有很多收获，子曰：“三人行，必有我师焉”，感谢同学让我收获和进步，教学相长，希望在接下来的网页学习中，同学们能做一个自己的网页作品，给初一初二的信息技术课程交一份满意的答卷。
                            </p>
                        </div>
                    </div>

                    <div class="spacer-single"></div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="skill-bar style-2">
                                <h5>HTML</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="90%">
                                    </div>
                                </div>
                            </div>

                            <div class="skill-bar style-2">
                                <h5>Photoshop</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="90%">
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-4">
                            <div class="skill-bar style-2">
                                <h5>CSS</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="85%">
                                    </div>
                                </div>
                            </div>

                            <div class="skill-bar style-2">
                                <h5>Flash</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="90%">
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-4">
                            <div class="skill-bar style-2">
                                <h5>Javascript</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="80%">
                                    </div>
                                </div>
                            </div>

                            <div class="skill-bar style-2">
                                <h5>Office</h5>
                                <div class="de-progress">
                                    <div class="value"></div>
                                    <div class="progress-bar" data-value="95%">
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->

            <!-- section begin -->
            <section id="section-services" class="no-top no-bottom text-light index-2" data-stellar-background-ratio=".2">
                <div class="overlay-solid">
                    <div class="overlay-bg t70">
                        <div class="container">

                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <!-- <h5><span class="id-color">My Services</span></h5> -->
                                    <h2>热爱生命，努力生活</h2>
                                    <h3 class="slogan2">生命的精彩需要自己创造，虽然很普通，但是很努力</h3>
                                    <div id="carousel-3" class="sequence" data-anim="fadeInUp">

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_lightbulb_alt id-color"></i>
                                                <div class="text">
                                                    <h3>设计</h3>
                                                    通过设计提升自己的审美，对于生活，我们需要发现美，欣赏美，最终创造美
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_datareport id-color"></i>
                                                <div class="text">
                                                    <h3>计算机</h3>
                                                    计算机作为我的专业，因为热爱而选择，希望能不断的进步，不断的提升自己
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_camera_alt id-color"></i>
                                                <div class="text">
                                                    <h3>摄影</h3>
                                                    喜欢记录每一个精彩的瞬间，存储在人生的硬盘中
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_tag_alt id-color"></i>
                                                <div class="text">
                                                    <h3>音乐</h3>
                                                    古筝、钢琴、小提琴都是我喜欢的乐器，嘈嘈切切错杂弹，大珠小珠落玉盘
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_pencil-edit id-color"></i>
                                                <div class="text">
                                                    <h3>开发</h3>
                                                    丰富多彩的前端技术，就像工匠手中的利器，可以雕刻出各种各样的雕塑
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                        <!-- feature box begin -->
                                        <div class="feature-box col-md-4 carousel-item sq-item wow">
                                            <div class="inner">
                                                <i class="icon_search id-color"></i>
                                                <div class="text">
                                                    <h3>探索</h3>
                                                    生活于绚丽多彩的大千世界，有太多领域等着我去探索发现，带着内心的热爱
                                                </div>
                                            </div>
                                        </div>
                                        <!-- feature box close -->

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->

            <!-- section begin -->
            <section id="section-portfolio">
                <div class="container">

                    <!-- portfolio filter begin -->
                    <div class="row">

                        <div class="col-md-12 text-center">
                            <!-- <h5><span class="id-color">Portfolio</span></h5> -->
                            <h2>喜欢与热爱并存</h2>
                            <div class="col-md-8 col-md-offset-2 text-center">
                                <p class="slogan3">
                                    人生的每一天都很精彩，喜欢与热爱并存，合适与喜欢撞了个满怀，我是个信息老师，教学时间与学生一起研究学习计算机，我喜欢研究代码，喜欢编程，与学生一起学习，教学相长；课下，我喜欢美术，喜欢滑板，更喜欢音乐，喜欢钢琴，喜欢小提琴，更喜欢古筝；人生就像音乐，可以欣赏，但是又不能像音乐可以反复欣赏，每一天的曲子和节奏都很特别！
                                </p>
                            </div>
                        </div>

                        <div class="col-md-12 text-center mt50">
                            <ul id="filters">
                                <!-- 暂时注释了默认全部展示 -->
                                <!-- <li><a href="#" data-filter="*" class="selected">all projects</a></li> -->
                                <li><a href="#" data-filter=".illustration" class="selected">课堂记录</a></li>
                                <li><a href="#" data-filter=".mobile">社团记录</a></li>
                                <li><a href="#" data-filter=".photography">兴趣爱好</a></li>
                                <li><a href="#" data-filter=".website">其它</a></li>
                            </ul>

                            <div id="gallery" class="gallery full-gallery de-gallery pf_full_width pf_3_cols grid sequence">

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g1.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g1.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g3.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g3.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g2.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g2.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g4.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g4.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g5.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g5.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item illustration gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g6.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">课堂记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g6.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g7.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g7.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g9.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g9.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g8.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g8.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g10.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g10.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g11.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g11.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item mobile gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g12.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">社团记录</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g12.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g13.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g13.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g14.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g14.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g15.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g15.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g16.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g16.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g17.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g17.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item photography gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g18.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">兴趣爱好</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g18.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item website gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g19.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">其它</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g19.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item website gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g20.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">其它</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g20.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                                <!-- gallery item -->
                                <div class="item website gallery-item">
                                    <div class="picframe">
                                        <a class="image-popup" href="images/portfolio/g21.jpg">
                                            <span class="overlay">
                                                <span class="pf_text">
                                                    <span class="project-name">其它</span>
                                                </span>
                                            </span>
                                            <img src="images/portfolio/g21.jpg" alt="" />
                                        </a>
                                    </div>
                                </div>
                                <!-- close gallery item -->

                            </div>
                        </div>
                        <!-- portfolio filter close -->

                    </div>

                </div>


            </section>
            <!-- section close -->

            <!-- section begin -->
            <section id="section-experiences" class="no-top no-bottom text-light index-2" data-stellar-background-ratio=".2">
                <div class="overlay-solid">
                    <div class="overlay-bg t70">
                        <div class="container">

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="padding20 wow fadeInRight">
                                        <h2>工作经历</h2>
                                        <div class="exp-box">
                                            <h5>2017 - Now</h5>
                                            <h3>贵阳中天中学</h3>
                                            <p>信息技术老师</p>
                                        </div>
                                        <div class="exp-box">
                                            <h5>2016 - 2017</h5>
                                            <h3>贵阳......IT公司</h3>
                                            <p>研发部 高级前端开发工程师</p>
                                        </div>
                                        <div class="exp-box">
                                            <h5>2012 - 2015</h5>
                                            <h3>重庆......IT公司</h3>
                                            <p>研发部 前端开发工程师</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="padding20 wow fadeInRight" data-wow-delay=".25s">
                                        <h2>教育经历</h2>
                                        <div class="exp-box">
                                            <h5>大学</h5>
                                            <h3>重庆师范大学</h3>
                                            <p>一个非常美丽的学校，此处省略一万字...</p>
                                        </div>
                                        <div class="exp-box">
                                            <h5>高中</h5>
                                            <h3>贵州省六盘水市第三中学</h3>
                                            <p>一个非常美丽的学校，此处省略一万字...</p>
                                        </div>
                                        <div class="exp-box">
                                            <h5>初中</h5>
                                            <h3>贵州省六枝特区第五中学</h3>
                                            <p>一个非常美丽的学校，此处省略一万字...</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- section close -->

            <!-- section begin -->
            <!-- <section id="section-testimonial">
                <div class="container">

                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h5><span class="id-color">Testimonials</span></h5>
                            <h2>口碑评价</h2>
                        </div>


                        <div id="testimonial-carousel" class="de_carousel sequence" data-wow-delay=".3s">

                            <div class="col-md-6 item sq-item wow">
                                <div class="de_testi opt-2">
                                    <blockquote>
                                        <div class="de_testi_by">
                                            <img src="images/people/1.jpg" class="img-circle" alt="">
                                            <span>John, Pixar Studio</span>
                                        </div>
                                        <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                            incidunt ut labore et dolore"</p>
                                    </blockquote>
                                </div>
                            </div>

                            <div class="col-md-6 item sq-item wow">
                                <div class="de_testi opt-2">
                                    <blockquote>
                                        <div class="de_testi_by">
                                            <img src="images/people/2.jpg" class="img-circle" alt="">
                                            <span>Sarah, Microsoft</span>
                                        </div>
                                        <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                            incidunt ut labore et dolore"</p>
                                    </blockquote>
                                </div>
                            </div>

                            <div class="col-md-6 item sq-item wow">
                                <div class="de_testi opt-2">
                                    <blockquote>
                                        <div class="de_testi_by">
                                            <img src="images/people/3.jpg" class="img-circle" alt="">
                                            <span>Michael, Apple</span>
                                        </div>
                                        <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                            incidunt ut labore et dolore"</p>
                                    </blockquote>
                                </div>
                            </div>

                            <div class="col-md-6 item sq-item wow">
                                <div class="de_testi opt-2">
                                    <blockquote>
                                        <div class="de_testi_by">
                                            <img src="images/people/4.jpg" class="img-circle" alt="">
                                            <span>Thomas, Samsung</span>
                                        </div>
                                        <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
                                            incidunt ut labore et dolore"</p>
                                    </blockquote>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> -->
            <!-- section close -->

            <!-- section begin -->
            <!-- <section id="section-fun-facts" class="pt60 pb60 text-light" data-bgcolor="#202020">
                <div class="container">

                    <div class="row">
                        <div class="col-md-3 wow fadeIn" data-wow-delay="0">
                            <div class="de_count">
                                <h3 class="timer" data-to="8240" data-speed="2500">0</h3>
                                <span>Hours of Works</span>
                            </div>
                        </div>

                        <div class="col-md-3 wow fadeIn" data-wow-delay=".25s">
                            <div class="de_count">
                                <h3 class="timer" data-to="315" data-speed="2500">0</h3>
                                <span>Projects Done</span>
                            </div>
                        </div>

                        <div class="col-md-3 wow fadeIn" data-wow-delay=".5s">
                            <div class="de_count">
                                <h3 class="timer" data-to="250" data-speed="2500">0</h3>
                                <span>Satisfied Customers</span>
                            </div>
                        </div>

                        <div class="col-md-3 wow fadeIn" data-wow-delay=".75s">
                            <div class="de_count">
                                <h3 class="timer" data-to="32" data-speed="2500">0</h3>
                                <span>Awards Winning</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section> -->
            <!-- section close -->

            <!-- section begin -->
            <section id="section-contact" class="no-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <!-- <h5><span class="id-color">Contact Me</span></h5> -->
                            <h2>联系我</h2>
                        </div>

                        <div class="col-md-6">
                            <address>
                                <span><i class="fa fa-map-marker fa-lg"></i>贵州省 贵阳市</span>
                                <span><i class="fa fa-qq fa-lg"></i>3062954540</span>
                            </address>
                            <!-- <form name="contactForm" id='contact_form' class="s3" method="post" action='http://www.themenesia.com/themeforest/profession/email.php'>

                                <div class="field-set">
                                    <input type='text' name='name' id='name' class="form-control" placeholder="Your Name">
                                </div>

                                <div class="field-set">
                                    <input type='text' name='email' id='email' class="form-control" placeholder="Your Email">
                                </div>

                                <div class="field-set">
                                    <input type='text' name='phone' id='phone' class="form-control" placeholder="Your Phone">
                                </div>

                                <div class="field-set">
                                    <textarea name='message' id='message' class="form-control" placeholder="Your Message"></textarea>
                                </div>

                                <div class="spacer-half"></div>

                                <div id='submit'>
                                    <input type='submit' id='send_message' value='Submit Form' class="btn btn-custom color-2">
                                </div>
                                <div id='mail_success' class='success'>Your message has been sent successfully.</div>
                                <div id='mail_fail' class='error'>Sorry, error occured this time sending your message.</div>

                            </form> -->
                        </div>

                        <div class="col-md-6">
                            <address>
                                <span><i class="fa fa-phone fa-lg"></i>***********</span>
                                <span><i class="fa fa-envelope fa-lg"></i><a href="mailto:3062954540@qq.com">3062954540@qq.com</a></span>                                
                            </address>
                        </div>
                    </div>

                </div>
            </section>

            <!-- section begin -->
            <!-- <section id="section-map" class="no-top no-bottom" aria-label="map-container">
                <div id="map"></div>
            </section> -->
            <!-- section close -->


        </div>
        <!-- content close -->

        <!-- footer begin -->
        <footer>
            <!-- <div class="container text-center text-light">
                <div class="row">
                    <div class="col-md-12">
                        <div class="social-icons big">
                            <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                            <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                            <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                            <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                            <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                            <a href="#"><i class="fa fa-dribbble fa-lg"></i></a>
                        </div>
                    </div>
                </div>
            </div> -->

            <div class="subfooter">
                <div class="container text-center">
                    <div class="row">
                        <div class="col-md-12">
                            &copy; Copyright 2022 - Developed by YMXZ & Jason
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer close -->

        <!-- 返回顶部，在移动端我把他隐藏了 -->
        <a href="#" id="back-to-top"></a>

        <!-- 这是最开始的Loading遮罩层 -->
        <div id="preloader">
            <div class="s1">
                <span></span>
                <span></span>
                <!-- 我添加的文字说明 -->
                <p style="margin-top: 40px;">Loading 99%</p>
            </div>
        </div>
    </div>



    <!-- Javascript Files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/easing.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/jquery.countTo.js"></script>
    <script src="js/validation.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/enquire.min.js"></script>
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/jquery.plugin.js"></script>

    <!-- 国内打不开，直接把地图给注释了 -->
    <!-- <script src="https://maps.googleapis.com/maps/api/js?v=3&amp;key=AIzaSyBOIFCvMQ1iEPFOeNIDAD5xjHwKBgGf8vk"></script> -->
    <!-- <script src="js/map.js"></script> -->

    <!-- 首屏打字效果插件和相应的配置文件 -->
    <script src="js/typed.js"></script>
    <script src="js/typed-custom.js?v=2"></script>
    
    <!-- 主要的脚本文件 -->
    <script src="js/designesia.js?v=4"></script>

</body>


<!-- Mirrored from www.themenesia.com/themeforest/profession/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 03 Apr 2018 01:36:26 GMT -->

</html>